<template>
  <div class="flex items-center gap-col-16px">
    <div class="w-126px">
      <el-select v-model="row.status">
        <el-option :value="0" label="正常" />
        <el-option :value="1" label="异常" /> </el-select
    ></div>
    <template v-if="row.status === 1">
      <div class="flex items-center gap-col-6px">
        <span class="flex-shrink-0">备注</span>
        <el-input type="textarea" v-model="row.remark" maxlength="50" />
      </div>

      <!-- <el-switch
        v-model="row.treatmentStatus"
        inline-prompt
        active-text="已处理"
        inactive-text="未处理"
      /> -->
    </template>
  </div>
</template>
<script setup lang="ts">
const props = defineProps<{
  data: any
}>()
const emit = defineEmits<{
  (e: 'update:data', val: any): void
}>()
const row = computed({
  get() {
    return props.data
  },
  set(val) {
    emit('update:data', val)
  }
})
</script>
<style lang="scss" scoped></style>
